body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:url(../images/purchase2015/bg.jpg) repeat; position:relative;}
/*header*/
#header{ width:100%; height:31px; margin:0 auto; background:#37312f;}
.header{ width:1100px; height:31px; margin:0 auto; color:#e7e7e7;}
.header ul{ float:left;}
.header li{ float:left; font:normal 12px/30px "\5b8b\4f53","Tahoma";}
.header li input{ width:90px; height:18px; float:left; border:none; margin:6px 5px 6px 0; background:#9b9897;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/purchase2015/purchase2015.png) no-repeat 0 0; cursor:pointer;}
.header li a{ padding:0 5px;}
.header p{ line-height:31px; float:right; color:#616161; margin-right:-4px;}
.header p a{ display:inline-block; padding:0 4px;}
.header p a.mobile{ padding-left:22px; background:url(../images/purchase2015/purchase2015.png) no-repeat -153px -3px; color:#ffb600;}
.header a{ color:#e7e7e7;}
.header a:hover{ text-decoration:underline;}
/*top*/
#top{ width:100%; height:132px; margin:0 auto; background:#453e3c;}
.top{ width:1100px; height:132px; margin:0 auto; position:relative; z-index:1;}
.top .logo{ position:absolute; left:0; top:8px; z-index:1;}
.top h1{ width:110px; height:42px; position:absolute; left:285px; top:25px; z-index:1; font:normal 22px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #7d7877; color:#fff2d1; text-shadow:1px 0 1px #000;}
.top i{ width:180px; height:42px; position:absolute; left:390px; top:25px; z-index:1; background:url(../images/purchase2015/titlebg.jpg) no-repeat;}
.top form{ width:402px; height:32px; position:absolute; left:694px; top:32px; z-index:1;}
.top input{ width:332px; height:32px; float:left; border:0; color:#666; text-indent:6px; line-height:32px;}
.top button{ width:70px; height:32px; float:left; cursor:pointer; background:url(../images/purchase2015/purchase2015.png) no-repeat -40px 0;}
.nav{ width:1100px; height:40px; position:absolute; left:0; top:92px; z-index:1; font:bold 18px/40px "Microsoft Yahei","\5b8b\4f53";}
.nav a{ width:117.5px; height:40px; background:#945d56; display:inline-block; text-align:center; color:#fff; border-left:1px solid #bc9693; border-right:1px solid #723d37;}
.nav a:hover,.nav a.active{ color:#fff; background:#7c1822; text-shadow:none;}
.nav a.active{ width:141px; border:0;}
/*banner*/
.banner{ width:1100px; margin:15px auto 0; background:#fff;}
.flash{ width:790px; height:310px; float:left; position:relative; z-index:1;}
.flashImg{ width:790px; height:310px; position:absolute; left:0; top:0; z-index:1;}
.flashImg img{ width:790px; height:310px;}
.flashBtn{ width:100px; height:14px; position:absolute; left:676px; top:280px; z-index:2;}
.flashBtn a{ width:12px; height:12px; float:left; border:1px solid #fff; margin-right:6px;}
.flashBtn a.active{ background:#ffb600; border-color:#ffb600;}
.supply{ width:310px; height:310px; float:left; background:#fff;}
.supply dt{ width:310px; height:123px; float:left; background:url(../images/purchase2015/supplybg.jpg) no-repeat;}
.supply dt span{ width:310px; height:52px; float:left; margin-top:8px; font:bold 22px/52px "Microsoft Yahei","\5b8b\4f53"; color:#453e3c; text-align:center;}
.supply dt p{ width:205px; height:32px; float:left; padding-left:58px;}
.supply dt i{ width:29px; height:32px; float:left; margin-right:12px; background:url(../images/purchase2015/purchase2015.png) no-repeat -111px 0; color:#fff; text-align:center; font:bold 20px/32px "Tahoma","\5b8b\4f53";}
.supply dd{ width:310px; height:177px; float:left;}
.supply dd .resident_p{ width:162px; height:42px; float:left; margin:25px 74px 0; font:bold 18px/40px "Microsoft Yahei","\5b8b\4f53"; background:#ff5400; border-radius:3px; color:#fff; text-align:center;}
.supply dd .resident_b{ width:160px; height:40px; float:left; margin:18px 74px 0; font:normal 18px/40px "Microsoft Yahei","\5b8b\4f53"; text-align:center; color:#909090; border:1px solid #9c9c9c; border-radius:3px;}
.buy{ width:1100px; height:94px; float:left; background:#f3f3f6;}
.buy ul{ width:1100px; height:76px; float:left; padding-top:12px; overflow:hidden;}
.buy li{ width:219px; height:76px; float:left; border-right:1px dotted #c7c7c9;}
.buy p{ width:219px; height:28px; float:left; color:#bbb6b7; font:normal 18px/28px "Microsoft Yahei","\5b8b\4f53"; text-align:center; overflow:hidden;}
.buy p span{ font-weight:bold;}
.buy a{ width:92px; height:37px; float:left; background:url(../images/purchase2015/buyerIcon2015.png) no-repeat; font:normal 18px/44px "Tahoma","\5b8b\4f53"; text-align:center; color:#bbb6b7; _line-height:37px; margin:1px 63px 0;}
.buy li.hover p{ color:#7a706e; font-size:22px;}
.buy li.hover p span{ color:#945d56;}
.buy li.hover a{ background-position:-92px 0; color:#fff; font-weight:bold;}
/*purchase*/
.purchase{ width:1100px; margin:10px auto 0;}
.purchase h3,.gather h3{ width:1100px; height:42px; float:left; text-indent:4px; font:bold 25px/42px "Microsoft Yahei","\5b8b\4f53"; text-shadow:1px 1px 0 #fff;}
.purchase h3 a,.gather h3 a{ color:#453e3c;}
.purchaseList{ width:1100px; height:278px; float:left; background:#fff; border-top:2px solid #453e3c; position:relative; z-index:1;}
.purchase ul{ width:1100px; height:278px; float:left; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.purchase li{ width:180px; height:278px; float:left; padding:0 20px 0 19px; border-right:1px solid #e3e3e3;}
.purchase li img{ width:180px; height:100px; float:left; margin-top:10px; border-bottom:1px dotted #c9c9c9;}
.purchase li span{ width:180px; height:34px; float:left; margin-top:5px; font:bold 15px/34px "Microsoft Yahei","\5b8b\4f53"; text-align:center; overflow:hidden;}
.purchase li span a{ color:#333;}
.purchase li span a:hover{ color:#f60; text-decoration:underline;}
.purchase li p{ width:128px; height:22px; float:left; padding-left:26px; font:normal 12px/22px "Tahoma","\5b8b\4f53"; color:#666; overflow:hidden;}
.purchase li p b{ font-weight:normal; color:#ff5200;}
.purchase li a.price{ width:110px; height:30px; float:left; margin:14px 34px 0; font:bold 15px/30px "Microsoft Yahei","\5b8b\4f53"; background:#f7f7f7; border:1px solid #d8d8d8; border-radius:3px; color:#7a7a7a; text-align:center;}
.purchase li a.price:hover{ background:#ff5400; border-color:#ff5400; color:#fff;}
.purchaseLeft,.purchaseRight{ width:20px; height:64px; background:url(../images/purchase2015/leftrightBtn.png) no-repeat; position:absolute; left:0; top:112px; z-index:2;}
.purchaseRight{ left:1080px; background-position:-20px 0;}
.purchaseLeft:hover{ background-position:-40px 0;}
.purchaseRight:hover{ background-position:-60px 0;}
/*newest*/
.newest{ width:1100px; margin:30px auto 0;}
.newestLeft{ width:200px; float:left;}
.newestLeft h3{ width:200px; height:43px; float:left; background:#453e3c; font:bold 22px/43px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.newestLeft h3 a{ color:#fff;}
.newestLeft img{ width:200px; height:413px;}
.newestBox{ width:632px; height:456px; float:left; background:#fff;}
.newestBoxTop,.newestRight h3{ width:632px; height:40px; float:left; background:#f4f4f4; font:bold 14px/40px "Microsoft Yahei","\5b8b\4f53"; border-top:2px solid #453e3c; border-bottom:1px solid #e3e3e3;}
.newestBoxTop p,.newestBoxBot li p{ width:66px; float:left; text-indent:10px; margin-left:14px;}
.newestBoxTop span,.newestBoxBot li span{ width:210px; float:left; text-indent:10px; margin-left:6px; overflow:hidden;}
.newestBoxTop em,.newestBoxBot li em{ width:110px; float:left; text-align:center; margin-left:14px; font-style:normal;}
.newestBoxTop strong,.newestBoxBot li strong{ width:80px; float:left; text-align:center; margin-left:6px;}
.newestBoxTop i,.newestBoxBot li a.price{ width:80px; float:left; text-align:center; margin-left:20px; font-style:normal;}
.newestBoxBot{ width:632px; height:407px; float:left; overflow:hidden;}
.newestBoxBot ul{ width:604px; float:left; padding-left:14px;}
.newestBoxBot li{ width:604px; height:50px; float:left; border-bottom:1px dotted #e0e0e0; font:normal 12px/50px "Tahoma","\5b8b\4f53"; color:#666; overflow:hidden;}
.newestBoxBot li p{ margin:0;}
.newestBoxBot li span a{ color:#0066dd;}
.newestBoxBot li span a:hover{ color:#f60; text-decoration:underline;}
.newestBoxBot li b{ color:#ff5200; padding-left:2px;}
.newestBoxBot li a.price{ width:78px; height:24px; margin-top:13px; line-height:24px; background:#f7f7f7; border:1px solid #d8d8d8; border-radius:3px; color:#7a7a7a;}
.newestBoxBot li a.price:hover{ background:#ff5400; border-color:#ff5400; color:#fff;}
.newestBoxBot li.hover{ background:#f5f5f5;}
.newestRight{ width:254px; float:right; background:#fff;}
.newestRight h3{ width:254px; text-indent:13px; font-size:18px;}
.newestRight h3 a{ color:#453e3c;}
.newestRight dl{ width:230px; height:384px; float:left; padding:12px 12px 17px;}
.newestRight dt{ width:188px; height:32px; float:left; background:url(../images/purchase2015/purchase2015.png) no-repeat -166px -28px; text-indent:10px; line-height:32px; overflow:hidden;}
.newestRight dt a{ color:#333;}
.newestRight dt a:hover{ color:#f60; text-decoration:underline;}
.newestRight dd{ width:40px; float:right; text-align:right; font:normal 12px/32px "Tahoma","\5b8b\4f53"; color:#666; overflow:hidden;}
/*gather*/
.gather{ width:1100px; margin:10px auto 0;}
.gather ul{ width:1110px; float:left; padding-top:2px; margin-left:-10px;}
.gather li{ width:212px; height:280px; float:left; background:#fff; margin:0 0 10px 10px; display:inline; position:relative; z-index:1;}
.gather li p{ width:212px; height:52px; position:absolute; left:0; top:0; border-bottom:1px solid #ececec; font:bold 16px/52px "Microsoft Yahei","\5b8b\4f53"; text-align:center; z-index:1;}
.gather li p a{ color:#333;}
.gather li p a:hover{ color:#f60; text-decoration:underline;}
.gather li dl{ width:212px; height:42px; border-bottom:1px solid #ececec; position:absolute; left:0; top:53px; z-index:1;}
.gather li dt{ width:126px; height:36px; float:left; margin-top:4px; text-align:center; color:#666;}
.gather li dt span,.gather li dt em{ width:126px; height:18px; float:left; line-height:18px; overflow:hidden;}
.gather li dt em{ font:normal 12px/18px "Tahoma","\5b8b\4f53"; text-decoration:line-through; font-style:normal;}
.gather li dd{ width:86px; height:42px; float:left; color:#ff5200; font:normal 18px/42px "Tahoma","\5b8b\4f53";}
.gather li table{ width:212px; height:184px; position:absolute; left:0; top:96px; z-index:1;}
.gather li td{ width:212px; height:184px; text-align:center; vertical-align:middle;}
.gather li td img{max-width: 100%;max-height: 100%;}
.gather li a.collect{ width:212px; height:60px; position:absolute; left:0; top:148px; z-index:2; background:#a2716c; color:#fff; text-align:center; font:normal 22px/60px "Tahoma","\5b8b\4f53"; background:a2716c; filter:alpha(opacity=90); display:none;}
.gather li.hover a.collect{ display:block;}
/*adPosition*/
.adPosition{ width:1100px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1110px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*share*/
.share{ width:1100px; height:428px; margin:30px auto 0; background:#fff; position:relative; z-index:1;}
.share h3{ width:151px; height:44px; position:absolute; left:475px; top:-9px; background:url(../images/purchase2015/shareTopIcon.png) no-repeat; z-index:2; font:bold 22px/44px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.share h3 a{ color:#fff;}
.shareList{ width:1100px; height:388px; position:absolute; left:0; top:20px; z-index:1;}
.share dl{ width:499px; float:left; padding:0 25px; border-right:1px dotted #e0e0e0;}
.share dt{ width:222px; float:left; margin-top:31px;}
.share dt img{ width:222px; height:200px; float:left;}
.share dt span{ width:190px; height:33px; float:left; padding:0 16px; background:#f15e27; overflow:hidden; font-weight:bold; line-height:33px;}
.share dt span a{ color:#fff;}
.share dt span a:hover{ text-decoration:underline;}
.share dt p{ width:190px; height:30px; float:left; padding:0 16px; font:normal 12px/30px "Tahoma","\5b8b\4f53"; border-bottom:1px solid #bdb7b6; color:#fff; overflow:hidden; background:#7b6f6c;}
.share dd{ width:252px; float:left; margin-left:25px; padding-top:30px;}
.share dd b{ width:252px; height:40px; float:left; background:#fbf1e8; text-indent:14px; line-height:40px; color:#444; font-weight:bold;}
.share dd ul{ width:224px; float:left; padding:10px 14px;}
.share dd li{ width:224px; height:30px; float:left; line-height:30px; background:url(../images/purchase2015/purchase2015.png) no-repeat -165px -48px; text-indent:12px; overflow:hidden;}
.share dd li a{ color:#444;}
.share dd li a:hover{ color:#f60; text-decoration:underline;}
/*site*/
.site{ width:1100px; height:205px; margin:30px auto 0; background:#fff;}
.siteTop{ width:1100px; height:57px; float:left; position:relative; z-index:1;}
.siteTop h3{ font:bold 25px/55px "Microsoft Yahei","\5b8b\4f53"; float:left; text-indent:22px;}
.siteTop h3 a{ color:#444;}
.siteTop p{ width:76px; height:14px; position:absolute; left:512px; top:21px; z-index:2;}
.siteTop p a{ width:14px; height:14px; float:left; margin-left:5px; background:#bcb4ba;}
.siteTop p a.active{ background:#ff671f;}
.site ul{ width:1100px; float:left;}
.site li{ width:196px; height:128px; float:left; margin-left:20px; display:inline; position:relative; z-index:1;}
.site li img{ width:196px; height:128px; position:absolute; left:0; top:0; z-index:1;}
.site li a.siteTitle{ width:184px; height:28px; padding:0 6px; background:#333; background:rgba(0,0,0,0.9); filter:alpha(opacity=90); position:absolute; left:0; top:100px; z-index:2; color:#fff; text-align:center; overflow:hidden; line-height:28px; _background:#333;}
.site li a.siteTitle:hover{ font-weight:bold; background:#ff671f;}
/*service*/
#service{ width:100%; height:118px; margin:30px auto 0; background:#fff; padding-top:20px;}
.service{ width:1100px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:22px; border-left:1px solid #f2f2f2;}
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(../images/purchase2015/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}
/*footer*/
#footer{ width:100%; margin:0 auto; background:url(../images/purchase2015/footbg.jpg) repeat-x; padding-bottom:16px;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#5b7648; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/public/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }